
    <nav class="pcoded-navbar">
        <div class="navbar-wrapper">
            <div class="navbar-brand header-logo">
                <span class="b-brand">
                    <span class="b-title">P4 on Raspberry Pi</span>
                </span>
                <a class="mobile-menu" id="mobile-collapse" href="javascript:"><span></span></a>
            </div>
            <div class="navbar-content scroll-div">
                <ul class="nav pcoded-inner-navbar">

                    <li class="nav-item pcoded-menu-caption">
                        <label>Packet Processing</label>
                    </li>

                    <li class="nav-item {% if 'p4-compiler' in segment %} active {% endif %}">
                        <a href="{% url 'switch' %}" class="nav-link">
                            <span class="pcoded-micon"><i class="feather icon-sidebar"></i></span><span class="pcoded-mtext">P4 Switch</span></a></li>

                    <li class="nav-item pcoded-menu-caption">
                        <label>Network</label>
                    </li>

                    <li class="nav-item {% if 'access-point' in segment %} active {% endif %}">
                        <a href="{% url 'access_point_settings' %}" class="nav-link">
                            <span class="pcoded-micon"><i class="feather icon-wifi"></i></span><span class="pcoded-mtext">Wireless Access Point</span></a></li>

                    <li class="nav-item pcoded-menu-caption">
                        <label>Settings</label>
                    </li>

                    <li class="nav-item pcoded-hasmenu">
                        <a href="javascript:" class="nav-link "><span class="pcoded-micon"><i class="feather icon-lock"></i></span><span class="pcoded-mtext">Authentication</span></a>
                        <ul class="pcoded-submenu">
                            <li><a href="{% url 'password_change' %}">Change Password</a></li>
                            <li><a href={% url 'register' %}>Create User</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a href={% url 'logout' %} class="nav-link">
                            <span class="pcoded-micon">
                                <i class="feather icon-power"></i>
                            </span>
                            <span class="pcoded-mtext">Logout - [ {{ request.user.username }} ]</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
